<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<title>jQuery手机购物车结算页面代码</title>
	<link rel="stylesheet" href="../css/shoppingcart.css" />
	<link rel="stylesheet" href="http://at.alicdn.com/t/font_1573864_u3g0z0wu26.css">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.2.16/lib/index.css">
	<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>

</head>

<body>
	<script src="https://cdn.jsdelivr.net/npm/vant@2.2.16/lib/vant.min.js"></script>
	<script type="text/javascript" src="../js/script.js"></script>
	<div class="m-box">
		<div class="head">
			<a href="#"></a>
			<span>购物车</span>
			<div class="del" id="del">删除</div>
		</div>
		<div style="height: 50px;"></div>
		<div class="list">
			<ul>
				<li>
					<div class="box">
						<div class="check dark-check"></div>
						<div class="img">
							<img src="../image/fleece1.jpg" />
						</div>
						<div class="info clearfix">
							<div class="title">冬季加绒加厚宽松假两件卫衣女装</div>
							<div class="m-num fl">
								<span class="jian">-</span>
								<input type="text" value="1" class="num" />
								<span class="add">+</span>
							</div>
							<div class="price fr">￥<span data-price="100">100</span></div>
						</div>
					</div>
				</li>
				<li>
					<div class="box">
						<div class="check dark-check"></div>
						<div class="img">
							<img src="../image/wool pants1.jpg" />
						</div>
						<div class="info clearfix">
							<div class="title">毛呢阔腿裤女秋冬新款宽松直筒裤</div>
							<div class="m-num fl">
								<span class="jian">-</span>
								<input type="text" value="1" class="num" />
								<span class="add">+</span>
							</div>
							<div class="price fr">￥<span data-price="80">80</span></div>
						</div>
					</div>
				</li>
				<li>
					<div class="box">
						<div class="check dark-check"></div>
						<div class="img">
							<img src="../image/pink coat.jpg" />
						</div>
						<div class="info clearfix">
							<div class="title">中长款加绒女风衣冬季显瘦外套潮</div>
							<div class="m-num fl">
								<span class="jian">-</span>
								<input type="text" value="1" class="num" />
								<span class="add">+</span>
							</div>
							<div class="price fr">￥<span data-price="120">120</span></div>
						</div>
					</div>
				</li>
				<li>
					<div class="box">
						<div class="check dark-check"></div>
						<div class="img">
							<img src="../image//pants.jpg" />
						</div>
						<div class="info clearfix">
							<div class="title">韩版秋冬毛呢阔腿裤女休闲短裤</div>
							<div class="m-num fl">
								<span class="jian">-</span>
								<input type="text" value="1" class="num" />
								<span class="add">+</span>
							</div>
							<div class="price fr">￥<span data-price="200">200</span></div>
						</div>
					</div>
				</li>
			</ul>
		</div>

		<div class="foot clearfix">
			<!--全选-->
			<div class="all-check">
				全选
				<div class="gap-check check"></div>
			</div>
			<!--总价-->
			<div class="foot-box">
				<div class="itme all-price">总价：<span>0</span></div>
				<div class="itme"><input type="button" class="btn" value="确认下单" /></div>
			</div>
		</div>

		<!--底部导航-->
		<div class="tabbar">
			<ul>
				<li>
					<a href="../html/home.html">
						<span class="iconfont icon-home"></span>
						<p>首页</p>
					</a>
				</li>
				<li>
					<a href="../html/message.html">
						<span class="iconfont icon-message"></span>
						<p>消息</p>
					</a>
				</li>
				<li>
					<a href="../html/shoppingcart.html">
						<span class="iconfont icon-shopping"></span>
						<p>购物车</p>
					</a>
				</li>
				<li>
					<a href="../html/my.html">
						<span class="iconfont icon-my"></span>
						<p>我的</p>
					</a>
				</li>
			</ul>
		</div>
		<!--底部导航结束-->
	</div>

	</div>
</body>

</html>